<aside class="main-sidebar">
  <!-- sidebar: style can be found in sidebar.less -->
  <section class="sidebar sidebartop">
    <!-- Sidebar user panel -->
    <!--         <div class="user-panel">
            <div class="pull-left image">
                <img src="assets/img/user2-160x160.jpg" class="img-circle" alt="User Image">
            </div>
            <div class="pull-left info">
                <p>管理员</p>
                <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
            </div>
        </div> -->
    <!--  <form method="get" class="sidebar-form">
            <div class="input-group">
                <input type="text" name="q" class="form-control" placeholder="全文检索">
                <span class="input-group-btn">
                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
                </button>
              </span>
            </div>
        </form>-->
    <!-- /.search form -->
    <!-- sidebar menu: : style can be found in sidebar.less -->
    <ul class="sidebar-menu">
      <!-- <li class="header">功能模块</li> -->
      <li class="treeview" *ngFor="let item of links" [class.active]="item.sUrl?(item.sUrl === currentUrl):false">
        <a (click)="nav(item,null)">
          <i style="font-size:18px" class="iconfont {{item.sIcon}}"></i>
          <span style="margin-left:5px">{{item.sName}}</span>
          <span class="pull-right-container" *ngIf="item.children.length !== 0">
            <i class="fa fa-angle-right pull-right"></i>
          </span>
          <span class="pull-right-container" *ngIf="item.count">
            <span class="label label-primary pull-right">{{item.count}}</span>
          </span>
        </a>
        <ul class="treeview-menu" *ngIf="item.children && item.type!='three'">
          <li *ngFor="let subitem of item.children" [class.active]="subitem.sUrl === currentUrl">
            <a (click)="nav(item,subitem)" style="padding-left:17%;">
              <i style="font-size:18px" *ngIf="subitem.sIcon" class="iconfont {{subitem.sIcon}}"></i>
              {{subitem.sName}}
              <span class="pull-right-container" *ngIf="subitem.children.length !== 0">
                <i class="fa fa-angle-right pull-right"></i>
              </span>
              <span class="pull-right-container" *ngIf="subitem.count">
                <span class="label label-primary pull-right">{{subitem.count}}</span>
              </span>
            </a>
            <ul class="treeview-menu" *ngIf="subitem.children">
              <li *ngFor="let subitem1 of subitem.children" [class.active]="subitem1.sUrl === currentUrl">
                <a (click)="nav(subitem,subitem1)" style="padding-left:17%;">

                  {{subitem1.sName}}
                  <span class="pull-right-container" *ngIf="subitem1.count">
                    <span class="label label-primary pull-right">{{subitem1.count}}</span>
                  </span>
                </a>

              </li>
            </ul>
          </li>
        </ul>
        <!-- <ul class="treeview-menu" *ngIf="item.children && item.type=='three'">
          <li *ngFor="let subitem of item.children">
            <a>
              <i class="fa fa-circle-o "></i> {{subitem.sName}}
              <span class="pull-right-container" *ngIf="subitem.count">
                <span class="label label-primary pull-right">{{subitem.count}}</span>
              </span>
            </a>
            <ul class="treeview-menu">
              <li *ngFor="let subThreeitem of subitem.children" [class.active]="subThreeitem.sUrl[0] === currentUrl">
                <a (click)="nav(item,subThreeitem)">
                  <i class="fa fa-circle-o "></i> {{subThreeitem.sName}}
                  <span class="pull-right-container" *ngIf="subThreeitem.count">
                    <span class="label label-primary pull-right">{{subThreeitem.count}}</span>
                  </span>
                </a>
              </li>
            </ul>
          </li>
        </ul> -->
      </li>
    </ul>

    <!-- 侧边栏伸缩按钮 -->
    <div class="sidebarLeft sidebar-toggle" [class.sidebar-shrink]="sidebarShrinkFlag" (click)="toggleSidebar()" data-toggle="offcanvas"
      role="button" *ngIf="layoutMode=='sidebar'">
      <i class="fa fa-angle-double-right"></i>
    </div>
    <!-- 侧边栏伸缩按钮end -->

  </section>

  <!-- /.sidebar -->
</aside>
<div class="control-sidebar-bg">

</div>